.home {
		padding: 50px;

		.view-item {
			display: inline-block;
			height: 190px;
			width: 25%;
			border-left: 1px solid #FFFFFF;
			position: relative;
			padding-top: 52px;
			padding-left: 32px;
			color: #FFFFFF;
			text-align: left;

			.icon {
				position: absolute;
				top: 24px;
				right: 27px;
				width: 42px;
				height: 42px;
				fill: currentColor;
			}

			.num {
				font-size: 60px;
			}

			.bg-label {
				font-size: 20px;
			}

			&:nth-child(1) {
				background-color: #68e2b3;
			}

			&:nth-child(2) {
				background-color: #64d5e1;
			}

			&:nth-child(3) {
				background-color: #96b0f1;
			}

			&:nth-child(4) {
				background-color: #aba1ed;
			}
		}

		.banner {
			margin-top: 24px;
			background-image: url(../../assets/img/banner.png);
			height: 140px;
			display: flex;

			.banner-text {
				margin: auto 40px;
				text-align: left;
			}

			h3 {
				font-weight: 400;
				font-size: 28px;
				color: #212121;
			}

			p {
				margin-top: 6px;
				color: #818181;
				font-size: 14px;
			}
		}

		.el-tabs {
			margin-top: 60px;

			.el-table {
				border: 1px solid #eee;
			}

			h3 {
				font-size: 20px;
				font-weight: 400;
				margin-top: 60px;
				margin-bottom: 20px;
				color: #353535;
				text-align: left;
			}
		}
	}